/* 
    Document   : listexpander
    Created on : Mar 26, 2011, 3:26:19 AM
    Author     : Nasution
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
	List Expander
*/

.listexpander{width:100%;}
.listexpander, .listexpander ul, .listexpander li{
	margin:0;
	padding:0;
	list-style:none;
}
.listexpander ul{
	/*
	Uncomment this if you want to initially hide the child lists.
	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.
	display:none;
	*/
}
.listexpander li{
	line-height:200%;
	margin-top:1px;
	cursor:default;
	text-indent:30px;
	font-weight:bold;
	width:100%;
}

.listexpander li.collapsed, .listexpander li.expanded{cursor:pointer;}

/* first level */

.listexpander li, .listexpander li.collapsed{background:#eee url(bullet_toggle_minus.png) no-repeat 5px .4em;}
.listexpander li.expanded{background:#eee url(bullet_toggle_plus.png) no-repeat 5px .4em;}

/* second level */

.listexpander li ul, .listexpander li li{background:#f8f8f8;font-weight:normal;}
.listexpander li li.collapsed{background:#f8f8f8 url(bullet_toggle_minus.png) no-repeat 5px .4em;}
.listexpander li li.expanded{background:#f8f8f8 url(bullet_toggle_plus.png) no-repeat 5px .4em;}

/* third level */

.listexpander li li ul, .listexpander li li li{background:#fff;}
.listexpander li li li.collapsed{background:#fff url(bullet_toggle_minus.png) no-repeat 5px .4em;}
.listexpander li li li.expanded{background:#fff url(bullet_toggle_plus.png) no-repeat 5px .4em;}

/* fourth level */

.listexpander li li li li{text-indent:0;margin-left:30px;width:auto;}

/* etc. */

/* buttons */

p.listexpander{
	height:1.5em;
	margin:1em 0;
}
p.listexpander a{
